<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
            <script type="text/javascript" src="lib/html5shiv.js"></script>
            <script type="text/javascript" src="lib/respond.min.js"></script>
            <![endif]-->
    <link rel="stylesheet" type="text/css" href="../static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="../lib/Hui-iconfont/1.0.8/iconfont.css" />

    <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/style.css" />
    <link rel="stylesheet" href="./../lib/layui/css/layui.css">
    <!--[if IE 6]>
            <script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
            <script>DD_belatedPNG.fix('*');</script>
            <![endif]-->
    <style>
        .layui-upload .mark_button {
            position: absolute;
            right: 15px;
        }
 
        .upload-img {
            position: relative;
            display: inline-block;
            width: 200px;
            height: 150px;
            margin: 0 10px 10px 0;
            transition: box-shadow .25s;
            border-radius: 4px;
            box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.5);
            transition: 0.25s;
            -webkit-transition: 0.25s;
            margin-top: 15px;
        }
 
        .layui-upload-img {
            width: 200px;
            height: 150px;
            border-radius: 4px;
        }
 
        .upload-img:hover {
            cursor: pointer;
            box-shadow: 0 0 4px rgba(0,0,0,1);
            transform: scale(1.2);
            -webkit-transform: scale(1.05);
        }
 
        .upload-img input {
            position: absolute;
            left: 0px;
            top: 4px;
        }
 
        .upload-img button {
            position: absolute;
            right: 0px;
            top: 0px;
            border-radius: 6px;
        }
        /* .layui-laydate-footer{
            text-align: right;
        } */
        .laydate-btns-time{
            color: #ff0000;
            font-size: 18px;
        }
        </style>
    <title>添加商品到抢购商品</title>
</head>

<body>
    <div class="page-container">
        <form action="" method="post" class="form form-horizontal" id="form-article-add">
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">所属分区：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <select name="" class="input-text" id="usrecompStatus" style="width:100%;"></select>
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">上架状态：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <select name="" class="input-text" id="status" style="width:100%;">
                        <option value="">-请选择-</option>
                        <option value="0">下架</option>
                        <option value="1">上架</option>
                    </select>
                </div>
            </div>
            <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2">排序：</label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <input type="number" style = "width:100%;" class="input-text" value="" placeholder="" id="sort" name="">
                    </div>
                </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">抢购价：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input type="text" class="input-text" value="" placeholder="" id="price" name="">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">抢购时间：</label>
                <div class="formControls col-xs-8 col-sm-9 layui-input-inline">
                    <input type="text" name="date" id="date" lay-verify="date" placeholder="yyyy-MM-dd HH:mm:ss"
                        autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">结束时间：</label>
                <div class="formControls col-xs-8 col-sm-9 layui-input-inline">
                    <input type="text" name="enDate" id="enDate" lay-verify="date" placeholder="yyyy-MM-dd HH:mm:ss"
                        autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">抢购库存：</label>
                <div class="formControls col-xs-8 col-sm-9">
                    <input type="number" style="width:100%" class="input-text" value="" placeholder="" id="stock" name="">
                </div>
            </div>
            <div class="row cl">
                <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2" style="margin-bottom:20px;margin-top:10px">
                    <div onClick="save_submit();" class="btn btn-primary radius" id="manyUploadPicture">保存</div>
                    <button onClick="layer_close();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
                </div>
            </div>
    </div>
    </form>

    </div>
    <script type="text/javascript" src="../lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="./../static/js/common.js"></script>
    <script type="text/javascript" src="../lib/layer/2.4/layer.js"></script>
    <script type="text/javascript" src="../static/h-ui/js/H-ui.min.js"></script>
    <script type="text/javascript" src="../static/h-ui.admin/js/H-ui.admin.js"></script>
    <script type="text/javascript" src="./../lib/layui/layui.js"></script>
    <!-- <script id="img_template" type="text/html">
        <div class="upload-img" filename="{{ d.index }}">
            <input type="checkbox" name="" lay-skin="primary">
            <img src="{{  d.result }}" alt="{{ d.name }}" class="layui-upload-img">
            
        </div>
    </script> -->
    <script>
        $(function(){
            partitionStatus('usrecompStatus')
        })
        layui.use('laydate', function () {
            var laydate = layui.laydate;
            //日期时间选择器
            laydate.render({
                elem: '#date'
                , type: 'datetime'
            });
            laydate.render({
                elem: '#enDate'
                , type: 'datetime'
            });
        })
        var parentId = parent.$("#details_id").val();
        function save_submit() {
            if ($("#usrecompStatus option:selected").val() == '') {
                layer.msg("请选择分区")
            } else if ($("#status option:selected").val() == '') {
                layer.msg("请选择上架状态")
            } else if ($("#price").val() == '') {
                layer.msg("请输入价格")
            } else if ($("#date").val() == '') {
                layer.msg("请选择抢购时间")
            } else if ($("#enDate").val() == '') {
                layer.msg("请选择结束时间")
            } else if ($("#stock").val() == '') {
                layer.msg('请输入可抢购数量')
            }else if(new Date(Date.parse($("#date").val())) > new Date(Date.parse($("#enDate").val()))){
                layer.msg('结束时间必须大于抢购时间')
            }
             else {
                //    获取数据
                // var tit = $("#title").val(),
                  var  usrecompStatus = $("#usrecompStatus option:selected").val(),
                    status = $("#status option:selected").val(),
                    price = $("#price").val(),
                    date = $("#date").val(),
                    enDate = $("#enDate").val(),
                    stock = $("#stock").val(),
                    sort = $("#sort").val();
                $.ajax({
                    type: 'post',
                    xhrFields: { withCredentials: true },
                    url: admin_url + '/kvmProduct/product2RobSpace',
                    data: { tokenUserId: userId, token: token,productId:parentId,remark:usrecompStatus, status: status, priceRob: price, partitionId: usrecompStatus,num: stock,startDate: date, endDate: enDate,sort:sort },
                    success: function (data) {
                        if (data.code == 200) {
                            layer.msg('添加成功', {
                                time: 1000,
                                end: function () {  
                                    var index = parent.layer.getFrameIndex(window.name);
                                    parent.layer.close(index);
                                    // window.parent.location.reload();
                                    $(window.parent.document).find('.layui-laypage-btn').click()
                                }
                            })
                        } else {
                            layer.msg(data.msg, {
                                time: 1500
                            })
                        }
                    }
                })
            }

        }
    </script>
</body>

</html>